/* General styles */
body {
   font-size: 16px;
   background-color: rgb(214, 176, 119);
}

/* Header styles */
header {
background-color:rgba(52, 107, 92, 0.5);
margin: 50px 30% 15px 30%;
padding: 100px 0;
align-content: center;
border-radius: 8px;
border: double black 8px;
align-self: center;
justify-content: center;
}

header h1 {
    font-family: 'Grenze Gotisch';
    font-size: 5rem;
    text-align: center;
    margin-bottom: none;
    text-decoration: underline;
}

header h2 {
    font-family: 'Grenze Gotisch';
    margin: 0 25%;
    font-size: 2rem;
    text-align: center;
}

/* Body text styles */


.treason-text-container{
    background-color: rgba(255, 255, 255, 0.75);
    margin: 35px 25% 100px 25%;
    border-radius: 8px;
border: double rgb(51, 51, 51) 8px;
}


.treason-body-text {
    padding: 10px 20px 0px 20px;
    margin: 10px 20px;
    font-family: "Grenze", serif;
    font-weight: 300;
    font-size: 1.25rem;
    text-align: justify;
}

#top-paragraph{
    margin-top: 40px;
}

#last-paragraph{
    margin-bottom: 40px;
}

.pb {
    margin-bottom: 10px;
}

/* Link styles */
a.encyc-link {
    color: #043f7e;
    text-decoration: none;
}

a.encyc-link:hover {
    text-decoration: underline;
}

a.story-link {
    color: #4e1702;
    text-decoration: none;
    font-weight: 900;
    background-color: none;
    transition: background-color 0.5s ease;
}

a.story-link:hover {
    text-decoration: underline;
    background-color:rgba(119, 206, 123, 0.75);
}